<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>产品中心</title>
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/products.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2600434_27mzvuns7vp.css">
</head>
<body>
   <!-- 头部 -->
   <header>
         <!-- 服务热线 -->
         <h4 class="w">
            <div class="connection">全国服务热线：400-000-0000</div>
            <div class="right">
                <a href="#">设为首页</a>
                <a href="#">加入收藏</a>
            </div>
        </h4>
        <!-- 导航栏 -->
        <div class="nav">
            <div class="w">
                <div class="left">
                    <div class="logo">
                        <img src="./images/Logo.jpg" alt="">
                    </div>
                    <ul class="company">
                        <li>TK科技有限公司</li>
                        <li>cer dcd keo Holdings Co., Ltd.</li>
                    </ul>
                </div>
                <ul class="shortcut">
                    <li>
                        <span><a href="01-index.html">首页</a></span>
                        <p><a href="01-index.html">Home</a></p>
                    </li>
                    <li>
                        <span><a href="01-index.html#about">关于我们</a></span>
                        <p><a href="01-index.html#about">About</a></p>
                    </li>
                    <li>
                        <span><a href="02-products.html">产品中心</a></span>
                        <p><a href="02-products.html">Products</a></p>
                    </li>
                    <li>
                        <span><a href="#">服务支持</a></span>
                        <p><a href="#">Service</a></p>
                    </li>
                    <li>
                        <span><a href="01-index.html#News">新闻中心</a></span>
                        <p><a href="01-index.html#News">News</a></p>
                    </li>
                    <li>
                        <span><a href="#">在线商店</a></span>
                        <p><a href="#">Shop</a></p>
                    </li>
                    <li>
                        <span><a href="01-index.html#contact">联系我们</a></span>
                        <p><a href="01-index.html#contact">Contact Us</a></p>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <!-- 主体 -->
<div class="main">
    <!-- 背景图 -->
    <div class="banner">
        <img src="./images/banner_b.jpg" alt="">
    </div>
    <div class="article w">
        <h3 class="title"><a href="#">首页&gt;新品发布</a></h3>
        <ul class="classify">
            <li>
                <p><a href="#">百万高清系列</a></p>
                <span><i class="iconfont icon-xiala"></i></span>
            </li>
            <li>
                <p><a href="#">标清系列</a></p>
                <span><i class="iconfont icon-xiala"></i></span>
            </li>
            <li>
                <p><a href="#">户外防水系列</a></p>
                <span><i class="iconfont icon-xiala"></i></span>
            </li>
            <li>
                <p><a href="#">室内系列</a></p>
                <span><i class="iconfont icon-xiala"></i></span>
            </li>
        </ul>
        <div class="search">
            <input type="button" class="btn">
            <input type="text" placeholder="搜索产品">
        </div>
        <ul class="camera">
            <li>
                <div class="img">
                    <img src="./images/1.jpg" alt="">
                </div>
                <h2><a href="#">S6202Y-WR</a></h2>
                <h3><a href="#">100万无线高清 64GB TF卡 语音对讲 智能连接 手机</a></h3>
            </li>
            <li>
                <div class="img">
                    <img src="./images/2.jpg" alt="">
                </div>
                <h2><a href="#">S6223Y-WR</a></h2>
                <h3><a href="#">100万无线高清 64GB TF卡 语音对讲 智能连接 手机</a></h3>
            </li>
            <li>
                <div class="img">
                    <img src="./images/3.jpg" alt="">
                </div>
                <h2><a href="03-details.html">S6208Y-WR</a></h2>
                <h3><a href="03-details.html">100万无线高清 64GB TF卡 语音对讲 智能连接 手机</a></h3>
            </li>
            <li>
                <div class="img">
                    <img src="./images/4.jpg" alt="">
                </div>
                <h2><a href="#">S6211Y-WR</a></h2>
                <h3><a href="#">100万无线高清 64GB TF卡 语音对讲 智能连接 手机</a></h3>
            </li>
            <li>
                <div class="img">
                    <img src="./images/5.jpg" alt="">
                </div>
                <h2><a href="#">S6262Y-WR</a></h2>
                <h3><a href="#">100万无线高清 64GB TF卡 语音对讲 智能连接 手机</a></h3>
            </li>
            <li>
                <div class="img">
                    <img src="./images/6.jpg" alt="">
                </div>
                <h2><a href="#">S6256Y-WR</a></h2>
                <h3><a href="#">100万无线高清 64GB TF卡 语音对讲 智能连接 手机</a></h3>
            </li>
            <li>
                <div class="img">
                    <img src="./images/7.jpg" alt="">
                </div>
                <h2><a href="#">S6202Y-WR</a></h2>
                <h3><a href="#">100万无线高清 64GB TF卡 语音对讲 智能连接 手机</a></h3>
            </li>
            <li>
                <div class="img">
                    <img src="./images/8.jpg" alt="">
                </div>
                <h2><a href="#">S6202Y-WR</a></h2>
                <h3><a href="#">100万无线高清 64GB TF卡 语音对讲 智能连接 手机</a></h3>
            </li>
            <li>
                <div class="img">
                    <img src="./images/9.jpg" alt="">
                </div>
                <h2><a href="#">S6202Y-WR</a></h2>
                <h3><a href="#">100万无线高清 64GB TF卡 语音对讲 智能连接 手机</a></h3>
            </li>
        </ul>
    </div>
    <div class="page">
        <ul>
            <li>上一页</li>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
            <li>下一页</li>
        </ul>
    </div>
</div>
<footer>
    <div class="footer_center">
       <p>关注我们</p>
       <a href="#"><i class="iconfont icon-xinlangweibo"></i></a>
       <a href="#"><i class="iconfont icon-qq"></i></a>
       <a href="#"><i class="iconfont icon-weixin"></i></a>
    </div>
    <ul class="last_second">
        <li><a href="#">网站首页</a></li>
        <li>&bull;</li>
        <li><a href="#">新闻动态</a></li>
        <li>&bull;</li>
        <li><a href="#">关于我们</a></li>
        <li>&bull;</li>
        <li><a href="#">团队风采</a></li>
        <li>&bull;</li>
        <li><a href="#">联系我们</a></li>
        <li>&bull;</li>
        <li><a href="#">在线留言</a></li>
    </ul>
    <div class="last">
        <p>©2015 TK科技有限公司  版权所有沪ICP证13022560号-7 All Rights Reserved</p>
    </div>
</footer>
</body>
</html>